<!DOCTYPE html>
<html lang="en">

<head>
    <title>仪表盘</title>
    <link rel="stylesheet" href="./css/pan.css">
</head>

<body>
    <div class="d">
        <!-- 销售简报 -->
        <div class="d1">
            <div class="d1-1">
                <p>销售简报 <span class="sp">本人</span> <span>部门</span></p>
            </div>
            <div class="d1-2">
                <div class="d1-2a">
                    <div>
                        <p>新增线索</p>
                        <p>3</p>
                    </div>
                    <div>
                        <p>较上月</p>
                        <p class="green">+20%</p>
                    </div>
                </div>
                <div class="d1-2a">
                    <div>
                        <p>新增客户</p>
                        <p>3</p>
                    </div>
                    <div>
                        <p>较上月</p>
                        <p class="green">+20%</p>
                    </div>
                </div>
                <div class="d1-2a">
                    <div>
                        <p>新增商机</p>
                        <p>3</p>
                    </div>
                    <div>
                        <p>较上月</p>
                        <p class="red">-20%</p>
                    </div>
                </div>
                <div class="d1-2a">
                    <div>
                        <p>新增合同</p>
                        <p>3</p>
                    </div>
                    <div>
                        <p>较上月</p>
                        <p class="green">+20%</p>
                    </div>
                </div>
                <div class="d1-2a">
                    <div>
                        <p>新增跟进</p>
                        <p>3</p>
                    </div>
                    <div>
                        <p>较上月</p>
                        <p class="green">+20%</p>
                    </div>
                </div>
                <div class="d1-2a">
                    <div>
                        <p>合同金额</p>
                        <p>3</p>
                    </div>
                    <div>
                        <p>较上月</p>
                        <p class="green">+20%</p>
                    </div>
                </div>
                <div class="d1-2a">
                    <div>
                        <p>商机金额</p>
                        <p>3</p>
                    </div>
                    <div>
                        <p>较上月</p>
                        <p class="green">+20%</p>
                    </div>
                </div>
                <div class="d1-2a">
                    <div>
                        <p>汇款金额</p>
                        <p>3</p>
                    </div>
                    <div>
                        <p>较上月</p>
                        <p class="green">+20%</p>
                    </div>
                </div>
            </div>
        </div>
        <!-- 业绩指标 -->
        <div class="d2">
            <!-- 标题 -->
            <div class="d2-1">
                <p><span>业绩指标完成率</span><span class="sp">本人</span><span>部门</span></p>
            </div>
            <!-- 图片 -->
            <div class="d2-2">
                <div class="white">
                    <img src="./img/rate.webp" alt="">
                    <div class="d2-2-1">
                        <p>合同金额<br><br>已完成 </p>
                        <p>xxxxx <br><br>xxxx</p>
                    </div>
                </div>
                <div class="white">
                    <img src="./img/rate.webp" alt="">
                    <div class="d2-2-1">
                        <p>合同金额<br><br>已完成 </p>
                        <p>xxxxx <br><br>xxxx</p>
                    </div>
                </div>
            </div>
            </div>
            <!-- 待联系 -->
            <div class="d3">
                <div><p>今日待联系</p></div>
                <div>
                    <!-- 表格 -->
                    <table class="tab">
                        <thead>
                            <tr>
                            <th>线索/商机/客户</th>
                            <th>电话</th>
                            <th>联系人</th>
                            <th>上次跟进时间</th>
                            <th>上次跟进记录</th>
                        </tr>
                        </thead>
                        <tbody>
                            <tr>
                                <th>万迅信息有限公司</th>
                                <th>13666666666</th>
                                <th>张三</th>
                                <th>2021-01-27</th>
                                <th>Lorem ipsum dolor sit, amet consectetur adipisicing elit</th>
                            </tr>
                            <tr>
                                <th>万迅信息有限公司</th>
                                <th>13666666666</th>
                                <th>张三</th>
                                <th>2021-01-27</th>
                                <th>Lorem ipsum dolor sit, amet consectetur adipisicing elit</th>
                            </tr>
                            <tr>
                                <th>万迅信息有限公司</th>
                                <th>13666666666</th>
                                <th>张三</th>
                                <th>2021-01-27</th>
                                <th>Lorem ipsum dolor sit, amet consectetur adipisicing elit</th>
                            </tr>
                        </tbody>
                    </table>
                </div>
            </div>
</body>

</html>